<?php
    session_start();
    if ($_SESSION['usuario'] == "Coord. Servicio Comunitario")
    {
?>


<html>
    <head>
	<title>EconoUCAB Emprende</title>
   	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   	<link type="text/css" href="../cssIE/Master.css" rel="stylesheet" />
   	<link type="text/css" href="../cssIE/NoticiasAdmin.css" rel="stylesheet" />
   	<link type="text/css" href="../css/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
   	<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
   	<script type="text/javascript" src="../js/jquery-ui-1.8.18.custom.min.js"></script>
        <script type="text/javascript" src="../js/HomeScripts.js"></script>
        <script type="text/javascript" src="../js/AdminMenuScripts.js"></script>
   	<script type="text/javascript">
            
            var lastTallerId;
            
   	    $(function() {
              cargaMeseseConTaller();
              cargaUltimosTalleres();
              BuscaTalleres();
   	      $( "button" ).button();
              $.post("../Logica/LLenarContenidoPrincipal.php",{a:0},function(data){
                $("#Info").html(data);                     
              });
              $.post("../Logica/LlenarContactos.php",{},function(data){
                $("#Contactanos").html(data);                     
              });
            });
            
            $(function() {
		$( "#FechaTaller" ).datepicker();
                $( "#dialog-form" ).dialog({
                            autoOpen: false,
                            height: 300,
                            width: 350,
                            modal: true,
                            buttons: {
                                "Aceptar": function() {
                                    var cassandra = document.getElementById("inputAsistencia").value;
                                    $.post("../Logica/ActualizaCantidadParticipantes.php",{cassandra:cassandra,id:lastTallerId},
                                    function(data){
                                        cargaUltimosTalleres();
                                    });
                                    $( this ).dialog( "close" );
                                },
                                    
                                 Cancel: function() {
                                     $( this ).dialog( "close" );
                                 }
                                }
                            
                        });
                
            });
            
            
            
            
            function registro()
            {                
                var titulo = document.getElementById('tituloTaller').value;
                var descripcion = document.getElementById('DescripTaller').value;
//                var fecha = document.getElementById('FechaTaller').value;
                var resumen = document.getElementById('Resumen').value;
                $.post("../Logica/RegistroTalleres.php",{
                    titulo:titulo,
                    descripcion:descripcion,
                    resumen:resumen
                },function(data){                    
                    alert(data);
                    //alert("Su solicitud se ha registrado con exito.");
                    window.location="../Interfaz/TalleresAdministrador.php";                     
                });
            }
            
            function registroFecha(){
                var nombre = document.getElementById('nombreTaller').value;
                var fecha = document.getElementById('FechaTaller').value;
                var lugar = document.getElementById('lugarTaller').value;
                $.post("../Logica/RegistroFechaTalleres.php",{
                    nombre:nombre,
                    fecha:fecha,
                    lugar:lugar
                },function(data){                     
                    alert(data);
                    //alert("Su solicitud se ha registrado con exito.");
                    if ((data!="Todos los valores deben estar llenos")&&(data!="La fecha no es una fecha valida"))
                    window.location="../Interfaz/TalleresAdministrador.php";                     
                });
            }
            
            function BuscaTalleres(){
                 $.post("../Logica/cargaListaTalleres.php",{},
                 function(data){
                    $('#nombreTaller').html(data);
                });
            
            }
            
            function BuscarTalleresPorMes(){                
                var mes = document.getElementById('comboMes').value;                
                if (mes != 0)
                {
                    $.post("../Logica/BuscarTalleresPorMes.php",{mes:mes},
                    function(data){ 
                        $('#NoticiasArchivo').html(data);
                    });
                }else{
                    cargaUltimosTalleres();
                }   
            }
            
            function cargaUltimosTalleres(){
                $.post("../Logica/CargaUltimosTalleres.php",{},
                 function(data){                                        
                    $('#NoticiasArchivo').html(data);
                });
            };
            
            function cargaMeseseConTaller()
            {
                 $.post("../Logica/cargaMeseseConTaller.php",{},
                 function(data){
                    $('#comboMes').html(data);
                });
            }
            
            function AbrirTaller(id){
                 lastTallerId = id;
                 $.post("../Logica/cargaParticipacion.php",{id:id},
                 function(data){
                    if(data != "null"){
                        $('#contenidoDialog').html("Asistieron "+data+" personas.");
                    }
//                    
                });
                $( "#dialog-form" ).dialog( "open" );
            }
            
            function CerrarSesion()
            {
                $.post("../Logica/CerrarSesion.php",{},function(data){
                    if (data==1)
                        window.location="Home.html";
                });
            }
            
            $(document).ready(function () {

                    // if user clicked on button, the overlay layer or the dialogbox, close the dialog	
                    $('a.btn-ok, #dialog-overlay, #dialog-box').click(function () {		
                            $('#dialog-overlay, #dialog-box').hide();		
                            return false;
                    });

                    // if user resize the window, call the same function again
                    // to make sure the overlay fills the screen and dialogbox aligned to center	
                    $(window).resize(function () {

                            //only do it if the dialog box is not hidden
                            if (!$('#dialog-box').is(':hidden')) popup();		
                    });	
            });

            //Popup dialog
            function popup(message) {

                    // get the screen height and width  
                    var maskHeight = $(document).height();
                    var maskWidth = $(document).width();

                    // calculate the values for center alignment
                    var dialogTop =  50;  
                    var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2); 

                    // assign values to the overlay and dialog box
                    $('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
                    $('#dialog-box').css({top:dialogTop}).show();

                    // display the message
                    $('#dialog-message').html(message);

            }

            
   	</script>
</head>
    <body>
        
        <div id="tope"><a onclick="CerrarSesion();" href="#" style="color: #000;">Cerrar Sesion</a></div>
        <div style="width: 1330px;"><div id="LogoUcab"><img src="../Imagenes/LogoUcabEco.png" /></div>
        <div id="titulo">
           EconoUCAB Emprende
        </div></div>
        <div id="BarraMedia">
            <div id="menuGeneral">
                    <a href="#" class="menu" onclick="Cambiar(0)">Usuario</a>|
                    <a href="#" class="menu" onclick="Cambiar(1)">Buzon</a>|
                    <a href="#" class="menu" onclick="Cambiar(2)">Estadisticas</a>|
                    <a href="#" class="menu" onclick="Cambiar(3)">Noticias</a>|
                    <a href="#" class="menu" onclick="Cambiar(4)">Talleres</a>
            </div>
        </div>
        <div id="Fondo"></div>
        <div id="Cuerpo">
            <table id="tablaMain">
                <tr>
                    <td colspan="2">
                        <div id="contAgregarTaller" class="CuadroAzul" onmouseover="hoverDivEnter(this,'Azul')" onmouseout="hoverDivOut(this)">
                            <label class="tituloSec">Crear Taller</label>
                            <div id="FormularioNoticia">
                                <table>
                                    <tr>
                                        <td>
                                            <span class="FormularioEle">
                                                <label for="nombreTaller" style="display: block;">Taller:</label>
                                                <select type="text" name="nombreTaller" id="nombreTaller" Style="width: 300px">
                                                    <option>Taller 1</option>
                                                    <option>Taller 2</option>
                                                    <option>Taller 3</option>
                                                </select> 
                                            </span>
                                        </td>    
                                        <td>
                                           <span class="FormularioEle">
                                                <label for="FechaTaller" style="display: block;margin-top: 5px;">Fecha</label>
                                                <input  rows="5" cols="50" name="FechaTaller" id="FechaTaller" class="text ui-widget-content ui-corner-all" size=25 />
                                           </span> 
                                        </td>
                                        <td>
                                            <span class="FormularioEle">
                                                <label for="lugarTaller" style="display: block;">Lugar:</label>
                                                <input type="text" name="lugarTaller" id="lugarTaller" class="text ui-widget-content ui-corner-all" size=35 />
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>
                                            <input type="button" value="Registrar" onclick="registroFecha()" id="BotonRegistrar2"/>
                                        </td>
                                        <td></td>
                                    </tr>    
                                </table>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div id="contgeneral" onmouseover="hoverDivEnter(this,'Verde')" onmouseout="hoverDivOut(this)">
                            <label class="tituloSec">Nuevo Taller</label>
                            <div id="FormularioNoticia">
                                <table>
                                    <tr>
                                        <td>
                                            <span class="FormularioEle">
                                                <label for="tituloTaller" style="display: block;">Nombre:</label>
                                                <input type="text" name="tituloTaller" id="tituloTaller" class="text ui-widget-content ui-corner-all" size=50 />
                                            </span>
                                            <span class="FormularioEle">
                                                <label for="Resumen" style="display: block;margin-top: 5px;">Resumen (Max. 140 Caractéres):</label>
                                                <textarea rows="5" cols="50" name="Resumen" id="Resumen" class="text ui-widget-content ui-corner-all" size=25 /></textarea>
                                            </span>
                                            <span class="FormularioEle">
                                                <label for="DescripTaller" style="display: block;margin-top: 5px;">Descripcion:</label>
                                                <textarea rows="15" cols="50" name="DescripTaller" id="DescripTaller" class="text ui-widget-content ui-corner-all" size=25 /></textarea>
                                            </span>
                                            
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="button" value="Registrar" onclick="registro()" id="BotonRegistrar"/>
                                        </td>
                                    </tr>    
                                </table>
                            </div>
            </div>
                    </td>
                    <td>
                        <div id="contArchivo" onmouseover="hoverDivEnter(this,'Amr')" onmouseout="hoverDivOut(this)">
                            <div id="Archivo">
                                <label class="tituloSec" style="font-size: 28px">Registrar Asistencia</label>
                                <div class="FormularioEle" style="margin-left: 15px;">
                                                <label for="fecha" style="display: block; margin-top: 30px;">Talleres:</label>
                                                <select id="comboMes" onchange="BuscarTalleresPorMes()">
                                                    <option value="01/11">ENE 2011</option>
                                                    <option value="12/11">DIC 2011</option> 
                                                    <option value="03/12">MAR 2012</option> 
                                                </select>
                                </div>
                                <div id ="NoticiasArchivo">
                                 <table>
                                    <tr>
                                        <td>
                                            <a class="tituloNoticia" onclick="AbrirNoticia(1)">Noticia 1 (01/01/11)</a> 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a class="tituloNoticia" onclick="AbrirNoticia(2)">Noticia 2 (02/01/11)</a> 
                                        </td>
                                    </tr>
                                </table>
                                </div>
                            </div>
                        </div>
                        </div>  
                    </td>
                </tr>
            </table>
        </div>
         
        <div id="footer">
            Creado voluntariamente por: Carlos Alvarez y Luis Carvajal, para la Escuela de Economía<br>
                Universidad Católica Andrés Bello, Montalbán - Caracas 2011 - 2012
        </div>
            <div id="Login"></div>
        <div id="DialogLogin" style="visibility: hidden" title="Ingresar al Sistema">
                <p class="validateTips"> Debe Llenar todos los campos</p>

                <form>
                    <fieldset>
                        <label for="Nombre">Nombre de Usuario:</label>
                        <input type="text" name="Nombre" id="Nombre" class="text ui-widget-content ui-corner-all"/>
                        <label for="Password">Contraseña:</label>
                        <input type="Password" name="Password" id="Password" value="" class="text ui-widget-content ui-corner-all" />
                    </fieldset>
	        </form>
         </div>
            <div id="dialog-form" title="Asistencia">
                <div id="contenidoDialog">
                    <label for="inputAsistencia">Asistieron:</label>
                    <input id="inputAsistencia" name="inputAsistencia" placeholder="Personas" type="number" class="text ui-widget-content ui-corner-all"/>
                </div>
            </div>

    </body>
</html>

<?php
    }else
    {
        header ("Location: Home.html");
    }
?>